/**
 * @author Voislav Jovanovic <voislavj@gmail.com>
 * @name Main Stylesheet
 */
@import url("reset.css");
@import url("panel.css");

body{background:#fff;text-align:center;font:14px Calibri,Arial;color:#777}
a,a:visited{color:darkgreen;text-decoration:underline;outline:none}
a:hover{text-decoration:none}
a img{border:none}
h1{font:24px Cambria,Georgia;color:#920101;margin-bottom:20px}
p{margin-bottom:15px}

form{float:left}
label{float:left;display:block;margin:7px 0;cursor:pointer;clear:both;width:70px;text-align:right}
input,textarea,select{float:left;margin:5px;padding:3px;font:12px Calibri,Arial}
input[type=text],input[type=password],select,textarea{width:200px;border:1px solid #ccc;color:#777}
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:#175EAD;color:#333}
textarea{width:300px;height:200px}
input.defaulted-text{color:#999}
input.captcha{width:60px}
.captcha{float:left}

.side-search{background:url(../image/search-border.png) no-repeat right center;width:100%}
.side-search label{width:auto;font-weight:bolder;margin-bottom:2px}
.side-search label.inline{clear:none}
.side-search input[type=text]{clear:both;margin:0 0 5px 0;width:150px}
.side-search fieldset{display:block;clear:both;border:none;padding:0;margin:0 0 5px 0;float:left}
.side-search legend{font-weight:bolder;float:left;margin-left:-3px}
.side-search fieldset label{font-weight:normal;clear:both;width:20px;text-align:left;margin-left:0}
.side-search fieldset input[type=text]{width:125px;clear:none;margin:5px}
.side-search .tree{padding-left:0}
.side-search .tree label{clear:none}
.side-search .tree li{margin-bottom:0}
.side-search .submit{clear:both;float:right}

.left{float:left}
.right{float:right}
.clear{clear:both}

.S{font-size:0.8em}
a.breadcrumb,a.breadcrumb:hover span{color:#aaa;text-decoration:none}
a.breadcrumb:hover{color:#369}

.price{font:bolder italic 24px Candara,Georgia;color:#369;float:right}
.price .currency{font-size:0.6em;text-transform:uppercase;font-weight:normal}

ul.clean{padding:0;list-style:none !important}
ul.gallery li{float:left;margin:0 5px 5px 0}

.flash-message{margin:8px 0;padding:5px;font-size:12px}
.error{background:red;color:white}
.ok{background:darkgreen;color:white}
.throbber{position:fixed;z-index:9999;left:0;top:0;width:100%;text-align:center;display:none;padding:5px 0;background:#ff8000;color:#fff}

#breadcrumbs{margin-bottom:10px;font-size:12px;color:#999}
#breadcrumbs a{font-weight:normal;color:#409AD3}

.site{width:1000px;margin:10px auto;text-align:left;position:relative}
.site.main{margin-top:30px}
.site.top{height:55px}

#logo{position:absolute;z-index:10}

#search-top{float:right;position:relative}
#search-top input{font-size:11px;border:1px solid #ccc;padding:3px 25px 3px 10px;width:100px;border-radius:10px;height:13px}
#search-top input:focus{color:#333}
#search-top .submit{padding:0;border:none;text-indent:-100em;overflow:hidden;background:url(../image/search.png) no-repeat center center;width:20px;height:16px;cursor:pointer;position:absolute;left:113px;top:2px}

.wood{background:url(../image/wood.png);padding:5px 0 0;box-shadow:inset 0 0 5px #000}

#menu{min-width:1000px;height:53px;margin:10px auto}
#menu.home{margin-top:0}
#menu ul{list-style-type:none;text-align:center;padding-top:10px}
#menu li{display:inline-block;height:50px}
#menu li.selected{background:#fff;border-radius:10px 10px 0 0;box-shadow:0 -3px 3px #555}
#menu li.akcija{margin:0 10px}
#menu li.akcija a,#menu li.akcija a:hover{background:#ff8000;padding-top:0;border-radius:5px;text-shadow:none;box-shadow:0 0 3px #000;color:#fff}
#menu a,#menu strong{display:block;height:23px;overflow:hidden;padding:12px 10px 0;color:#fff;text-transform:uppercase;font-size:18px;text-decoration:none;font-weight:bolder}
#menu a{text-shadow:0 0 3px #000}
#menu strong{color:#36AF6B;background:transparent}
#menu li.akcija strong{color:#ff8000}
#menu a:hover{color:#36AF6B;text-shadow:0 0 3px #000}

#content{width:800px}
#content.left{width:780px;margin-left:10px}
#content.right{width:760px}
#content ol,#content ul{padding-left:30px}
#content ul{list-style-image:url(../image/ul.png)}
#content li{margin-bottom:10px}

.sidebar{width:200px}
.sidebar.left{margin-right:0px;padding-left:10px}
.sidebar ol,.sidebar ul{padding-left:20px}
.sidebar li{margin-bottom:10px}
.sidebar h2{margin:30px 0 10px;color:#972424;font-weight:normal;font-size:1.3em}
.sidebar h2.first{margin-top:0}

#filters{padding-left:0}
#filters li{margin-bottom:20px;clear:both}
#filters li.marked{background:#eee url(../image/marked.png) no-repeat 97% center;padding:5px;border:1px solid #eee;border-radius:8px;cursor:pointer;margin-bottom:10px}
#filters li.marked:hover{background:#175EAD url(../image/marked-hover.png) no-repeat 97% center;;color:#fff}
#filters li.marked.loading{background-image:url(../image/marked-loading.gif)}
#filters li.marked.loading:hover{background-image:url(../image/marked-loading-hover.gif)}
#filters li.marked strong{background:none;padding:0}
#filters strong{padding-left:16px;background:url(../image/toggle-plus.png) no-repeat 0 3px;cursor:pointer}
#filters .opened strong{background-image:url(../image/toggle-minus.png)}
li.marked strong{display:inline-block;width:50px}
#filters .filter-selected{margin-left:10px}
.filters-list{}
#filters .filters-list li{margin-bottom:5px}

#footer{clear:both;margin:20px 0;border-top:1px solid #ccc;text-align:center;padding:10px 0;font-size:11px}
#footer a{font-size:12px;color:#555;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer p{margin-top:10px;font-family:Arial;color:#999}

#content #items{padding:0}
#items li{width:240px;height:270px;float:left;margin:5px;text-align:center}
#items.home li{height:240px}
#items a{text-decoration:none;color:#aaa}
#items .image{height:225px;overflow:hidden;display:block;margin-bottom:5px;position:relative}
#items .discount{position:absolute;padding:2px 3px;background:#ff8000;color:#fff;width:60px;text-align:center;left:167px;top:10px;border-radius:5px;border:1px solid #fff;box-shadow:0 0 3px #000}
#items.home .image{height:185px}
#items img{border:1px solid #aaa;padding:1px}
#items a:hover{color:#555}

#items.products-list .name{color:#36AF6B;font-size:18px;display:block;float:left;margin:0 7px}
#items.products-list .price{color:#777;font-weight:normal;font-size:16px}
#items.products-list .price .currency{font-size:1em;margin:0 7px}


#content .pagination{list-style:none;padding:10px 0 0;text-align:center;border-top:1px dotted #ccc}
#content .pagination.top{border-bottom:1px solid #ccc;border-top:none;padding:0}
#content .pagination li{display:inline-block}
#content .pagination li.delimiter{margin:0 10px}
#content .pagination a,#content .pagination strong{display:block;text-decoration:none;padding:2px 5px}
#content .pagination a{color:#aaa}
#content .pagination a:hover{color:#fff;background:#aaa}
#content .pagination strong{background:#409AD3;color:#fff}